@layout("/common/_container.html"){
<style>
    ul{
        margin: 0;
        padding: 0;
    }
    .bigSize {
        font-size: 1.2em;
    }
    .btn_box button {
        margin: 0;
        color: white;
        background: #2b6594;
        padding: 6px 30px;
        font-size: 1em;
    }
    .records>li,.ulBoxF>li{
        float: left;
        margin-right: 20px;
    }
    .records>li{
        color: white;
        cursor:pointer;
    }
    .records>li>span{
        font-weight: bolder;
    }
    .selectBox {
        width: 160px;
        height: 39px;
    }
    .ulBoxF input,.selectBox{
        border-radius: 5px;
        border: 1px solid #a9a9a9;
    }
</style>
<div class="ibox float-e-margins ">
    <div class="ibox-content">
        <div style="display: none">
            <input type="hidden" id="backVisit" value="">
            <input type="hidden" id="oneChannelValue" value="">
            <input type="hidden" id="twoChannelValue" value="">
            <input type="hidden" id="thrChannelValue" value="">
            <input type="hidden" id="customerStatus" value="">
            <input type="hidden" id="xcustomerStatus" value="">
            <input type="hidden" id="fieldTcValue" value="${userName}">
            <input type="hidden" id="appointmentPayServiceValue" value="">
            <input type="hidden" id="menuName" value="TC-TC看诊">
        </div>
        <div class="row bigSize">
            <div class="col-sm-12">
                <div>
                    <ul class="ulBoxF clearfix">
                        <li>
                            <label>到店时间</label>
                            <input type="text" style="width: 192px;height: 39px;padding-left: 5px;" id="startArrivalTime" name="到店时间"
                                   onclick="laydate({istiem:true,format:'YYYY-MM-DD hh:mm:ss'})">
                            <span>-</span>
                            <input type="text" style="width: 192px;height: 39px;padding-left: 5px;" id="endArrivalTime"
                                   onclick="laydate({istiem:true,format:'YYYY-MM-DD hh:mm:ss'})">
                        </li>
                        <li>
                            <label>消费状态</label>
                            <select class="selectBox" id="consumptionStatus" name="consumptionStatus"
                                    onchange="Consultant.inquire()">
                                <option value="">全部</option>
                                <option value="未消费">未消费</option>
                                <option value="只交定金">只交定金</option>
                                <option value="未完成">未完成</option>
                                <option value="完成">完成</option>
                            </select>
                        </li>
                        <li>
                            <label>跟踪状态</label>
                            <select class="selectBox"  id="followStatus" name="followStatus"
                                    onchange="Consultant.inquire()">
                                <option value="">全部</option>
                                <option value="跟踪中">跟踪中</option>
                                <option value="跟踪完成">跟踪完成</option>
                                <option value="跟踪结束">跟踪结束</option>
                            </select>
                        </li>
                        <li>
                            <label>TC</label>
                            <select class="selectBox" id="fieldTc" name="fieldTc"
                                    onchange="Consultant.inquire()">
                            </select>
                        </li>
                        <li>
                            <label>成交状态</label>
                            <select class="selectBox" id="dealStatus" name="dealStatus"
                                    onchange="Consultant.inquire()">
                                <option value="">全部</option>
                                <option value="已成交">已成交</option>
                                <option value="未成交">未成交</option>
                            </select>
                        </li>
                        <li style="margin: 0;float: right">
                            <div style="width: 250px;height: 39px;border: 1px solid #cccccc;border-radius: 3px">
                                <span class="glyphicon glyphicon-search" style="left: 10px;top: 9px;"></span>
                                <input type="text" id="reach" placeholder="姓名/电话/微信/预约号"
                                       onchange="Consultant.search()" style="width: 85%;height: 35px;border: none;float: right;outline:none;margin-top: 1px">
                            </div>
                        </li>
                    </ul>
                </div>
                <div style="margin-top: 20px;">
                    <div style="text-align: right" class="btn_box">
                        <button type="button" class="btn" onclick="Consultant.resetSearch()">清空</button>
                        @if(shiro.hasPermission("/super_no")){
                        <button type="button" class="btn" onclick="Consultant.downLoad()">导出</button>
                        @}
                        <button type="button" class="btn" onclick="screenTable()">筛选</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="row bigSize">
            <div class="col-sm-12" style="background:#2f4050;;line-height: 46px;margin-top: 20px;">
                <ul class="records clearfix">
                    <li onclick="Consultant.totalNumber()">总人数：<span style="color: #03feb7" id="total">0</span></li>
                    <li onclick="Consultant.firstNumber()"> 初到：<span style="color: #fff701" id="first">0</span></li>
                    <li onclick="Consultant.firstjieyaNumber()"> 初到洁牙：<span style="color: #fff701" id="firstjieya">0</span></li>
                    <li onclick="Consultant.firstZhiliaoNumber()"> 初治：<span style="color: #fff701" id="firstZhiliao">0</span></li>
                    <li onclick="Consultant.twoNumber()"> 复到：<span style="color: #fff701" id="two">0</span></li>
                    <li onclick="Consultant.twojieyaNumber()"> 复到洁牙：<span style="color: #fff701" id="twojieya">0</span></li>
                    <li onclick="Consultant.twoZhiliaoNumber()"> 复到初治：<span style="color: #fff701" id="twoZhiliao">0</span></li>
                    <li onclick="Consultant.washNumber()"> 流失：<span style="color: #fff701" id="wash">0</span></li>
                    <li onclick="Consultant.againNumber()"> 再消：<span style="color: #fff701" id="again">0</span></li>
                </ul>
            </div>
        </div>
        <#table id="ConsultantTable"/>
    </div>
</div>
<script src="${ctxPath}/static/js/common/bootstrap-table-objectd.js"></script>
<script src="${ctxPath}/static/modular/tcCenter/consultant/consultant.js"></script>
<script src="${ctxPath}/static/js/common/jsChannel.js"></script>
<script>
    /* var oneChanneli = document.getElementById("oneChannelValue").value;
     var twoChanneli = document.getElementById("twoChannelValue").value;
     var thrChanneli = document.getElementById("thrChannelValue").value;
     $.post(Feng.ctxPath + "/channel/getChannelsss", function (data) {
         ChannelList = data;
         channelInit('oneChannel', 'twoChannel', 'thrChannel');
     }, "json");
     //初始化下拉预约项目列表
     $.post(Feng.ctxPath + "/payService/getList", function (data) {
         var txt = '<option value="">--请选择预约项目--</option>';
         for (var i = 0; i < data.length; i++) {
             txt += '<option value="' + data[i].department + '">' + data[i].department + '</option>';
         }
         document.getElementById('appointmentPayService').innerHTML = txt;
         //状态单选
         var seletepayservicename = $('#payservicenameValue').val();
         if (seletepayservicename != "") {
             $("#appointmentPayService option[value=" + seletepayservicename + "]").attr("selected", "selected");
         }
     }, "json");*/
</script>
@}